/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <svg
    version="1.1"
    id="图层_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 870 650"
    style="enable-background: new 0 0 870 650"
    xml:space="preserve"
    :width="Width"
    :height="Height"
  >
    <g>
      <path
        class="st0"
        d="M305.9,217.4H-0.4l0,0v18V413v18l0,0h306.2c11.5,0,20.9,9.4,21,21v197.7l0,0h18h179.6h18l0,0V452
   c0-11.6,9.4-21,21-21h306.5l0,0v-18V235.4v-18l0,0H563.5"
      />
      <g id="人行道" :class="showPed === true ? '' : 'invisible'">
        <g class="st1">
          <rect x="544.6" y="236.8" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="229" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="221.2" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="244.6" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="252.3" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="260" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="267.7" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="275.5" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="283.2" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="290.9" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="298.6" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="306.3" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="314.1" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="321.8" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="329.5" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="337.2" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="345" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="352.7" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="360.4" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="368.1" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="375.8" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="383.6" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="391.3" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="399" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="406.7" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="415" class="st2" width="16.5" height="4" />
          <rect x="544.6" y="423" class="st2" width="16.5" height="4" />
        </g>
        <g class="st1">
          <rect x="309" y="236.8" class="st2" width="16.5" height="4" />
          <rect x="309" y="228.5" class="st2" width="16.5" height="4" />
          <rect x="309" y="220.6" class="st2" width="16.5" height="4" />
          <rect x="309" y="244.6" class="st2" width="16.5" height="4" />
          <rect x="309" y="252.3" class="st2" width="16.5" height="4" />
          <rect x="309" y="260" class="st2" width="16.5" height="4" />
          <rect x="309" y="267.7" class="st2" width="16.5" height="4" />
          <rect x="309" y="275.5" class="st2" width="16.5" height="4" />
          <rect x="309" y="283.2" class="st2" width="16.5" height="4" />
          <rect x="309" y="290.9" class="st2" width="16.5" height="4" />
          <rect x="309" y="298.6" class="st2" width="16.5" height="4" />
          <rect x="309" y="306.3" class="st2" width="16.5" height="4" />
          <rect x="309" y="314.1" class="st2" width="16.5" height="4" />
          <rect x="309" y="321.8" class="st2" width="16.5" height="4" />
          <rect x="309" y="329.5" class="st2" width="16.5" height="4" />
          <rect x="309" y="337.2" class="st2" width="16.5" height="4" />
          <rect x="309" y="345" class="st2" width="16.5" height="4" />
          <rect x="309" y="352.7" class="st2" width="16.5" height="4" />
          <rect x="309" y="360.4" class="st2" width="16.5" height="4" />
          <rect x="309" y="368.1" class="st2" width="16.5" height="4" />
          <rect x="309" y="375.8" class="st2" width="16.5" height="4" />
          <rect x="309" y="383.6" class="st2" width="16.5" height="4" />
          <rect x="309" y="391.3" class="st2" width="16.5" height="4" />
          <rect x="309" y="399" class="st2" width="16.5" height="4" />
          <rect x="309" y="406.7" class="st2" width="16.5" height="4" />
          <rect x="309" y="414.4" class="st2" width="16.5" height="4" />
          <rect x="309" y="422.7" class="st2" width="16.5" height="4" />
        </g>
        <g class="st1">
          <g>
            <rect x="519.1" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="527.1" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="534.6" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="511.3" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="503.5" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="495.7" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="487.9" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="480.1" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="472.3" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="464.5" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="456.7" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="448.9" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="441" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="433.2" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="425.4" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="417.6" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="409.8" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="402" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="394.2" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="386.4" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="378.6" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="370.8" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="363" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="355.2" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="347.4" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="339.9" y="433" class="st2" width="4" height="16.3" />
          </g>
          <g>
            <rect x="332.5" y="433" class="st2" width="4" height="16.3" />
          </g>
        </g>
      </g>
      <path class="st3" d="M0.9,226.4L0.9,226.4C1,226.4,1.1,226.4,0.9,226.4z" />
      <path
        class="st3"
        d="M0.9,226.4L0.9,226.4C0.8,226.4,0.7,226.4,0.9,226.4z"
      />
      <path
        class="st4"
        d="M869.9,450H574c-6.9,0-12.5,5.6-12.5,12.5v187.2l0,0h1V462.5c0-6.3,5.1-11.5,11.5-11.5h295.9V450z"
      />
      <path
        class="st5"
        d="M869.9,434H561.6c-9.2,0-16.6,7.5-16.6,16.6v199.1h-3V450.6c0-10.8,8.8-19.6,19.6-19.6h308.3L869.9,434
   L869.9,434z"
      />
      <path
        class="st4"
        d="M-0.4,451h296c6.3,0,11.5,5.1,11.5,11.5v187.2h1l0,0V462.5c0-6.9-5.6-12.5-12.5-12.5h-296
   C-0.4,450-0.4,451-0.4,451z"
      />
      <path
        class="st5"
        d="M-0.4,434H308c9.2,0,16.6,7.5,16.6,16.6v199.1h3V450.6c0-10.8-8.8-19.6-19.6-19.6H-0.4V434z"
      />
      <g>
        <path class="st4" d="M869.9,197.4H-0.4v1h870.3" />
      </g>
      <path class="st5" d="M869.9,217.4H-0.4v-3h870.3" />
      <g>
        <rect x="569.5" y="410.3" class="st6" width="300.3" height="2" />
        <g id="XMLID_9_">
          <g>
            <rect x="784.1" y="291.8" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="784.1" y="263.4" class="st6" width="12" height="2" />
        <g id="XMLID_4_">
          <g>
            <rect x="820.1" y="291.8" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="820.1" y="263.4" class="st6" width="12" height="2" />
        <g id="XMLID_10_">
          <g>
            <rect x="856.1" y="291.8" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="856.1" y="263.4" class="st6" width="12" height="2" />
        <g>
          <g id="XMLID_28_">
            <g>
              <rect x="569.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="569.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_27_">
            <g>
              <rect x="605.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="605.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_26_">
            <g>
              <rect x="641.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="641.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_25_">
            <g>
              <rect x="677.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="677.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_24_">
            <g>
              <rect x="713.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="713.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_23_">
            <g>
              <rect x="749.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="749.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_22_">
            <g>
              <rect x="785.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="785.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_21_">
            <g>
              <rect x="821.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="821.5" y="349.9" class="st6" width="12" height="2" />
          <g id="XMLID_3_">
            <g>
              <rect x="857.5" y="380.1" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="857.5" y="349.9" class="st6" width="12" height="2" />
        </g>
        <g>
          <g>
            <rect x="570.5" y="320.2" class="st5" width="299.4" height="2" />
          </g>
          <rect x="570.9" y="291.8" class="st6" width="189.2" height="2" />
          <rect x="570.9" y="263.4" class="st6" width="189.2" height="2" />
          <rect x="570.2" y="235" class="st6" width="299.8" height="2" />
          <polygon
            class="st6"
            points="571.5,247.7 571.5,250.1 571.5,283.7 571.5,286.2 571.5,322.2 569.5,322.2 569.5,217.4 571.5,217.4
             "
          />
        </g>
      </g>
      <g>
        <rect x="0.1" y="236" class="st6" width="300.3" height="2" />
        <g id="XMLID_50_">
          <g>
            <rect x="73.9" y="354.5" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="73.9" y="383" class="st6" width="12" height="2" />
        <g id="XMLID_49_">
          <g>
            <rect x="37.9" y="354.5" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="37.9" y="383" class="st6" width="12" height="2" />
        <g id="XMLID_48_">
          <g>
            <rect x="1.9" y="354.5" class="st6" width="12" height="2" />
          </g>
        </g>
        <rect x="1.9" y="383" class="st6" width="12" height="2" />
        <g>
          <g id="XMLID_47_">
            <g>
              <rect x="288.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="288.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_46_">
            <g>
              <rect x="252.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="252.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_45_">
            <g>
              <rect x="216.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="216.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_44_">
            <g>
              <rect x="180.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="180.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_43_">
            <g>
              <rect x="144.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="144.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_42_">
            <g>
              <rect x="108.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="108.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_41_">
            <g>
              <rect x="72.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="72.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_40_">
            <g>
              <rect x="36.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="36.5" y="296.5" class="st6" width="12" height="2" />
          <g id="XMLID_39_">
            <g>
              <rect x="0.5" y="266.2" class="st6" width="12" height="2" />
            </g>
          </g>
          <rect x="0.5" y="296.5" class="st6" width="12" height="2" />
        </g>
        <g>
          <g>
            <rect y="326.1" class="st5" width="299.4" height="2" />
          </g>
          <rect x="109.9" y="354.5" class="st6" width="189.2" height="2" />
          <rect x="109.9" y="383" class="st6" width="189.2" height="2" />
          <rect y="411.4" class="st6" width="299.8" height="2" />
          <polygon
            class="st6"
            points="298.5,400.6 298.5,398.3 298.5,364.6 298.5,362.1 298.5,326.1 300.5,326.1 300.5,431 298.5,431
       "
          />
        </g>
      </g>
      <g>
        <rect x="347.1" y="458.6" class="st6" width="2" height="191.4" />
        <g>
          <g id="XMLID_20_">
            <g>
              <rect x="377.3" y="458.6" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.5" y="458.6" class="st6" width="2" height="12" />
          <g id="XMLID_19_">
            <g>
              <rect x="377.3" y="494.6" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.5" y="494.6" class="st6" width="2" height="12" />
          <g id="XMLID_11_">
            <g>
              <rect x="377.3" y="530.6" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.5" y="530.6" class="st6" width="2" height="12" />
          <g id="XMLID_6_">
            <g>
              <rect x="377.3" y="566.6" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.5" y="566.6" class="st6" width="2" height="12" />
          <g id="XMLID_5_">
            <g>
              <rect x="377.3" y="602.6" class="st6" width="2" height="12" />
            </g>
          </g>
          <rect x="407.5" y="602.6" class="st6" width="2" height="12" />
          <g id="XMLID_2_">
            <g>
              <rect x="377.3" y="638.6" class="st6" width="2" height="11.4" />
            </g>
          </g>
          <rect x="407.5" y="638.6" class="st6" width="2" height="11.4" />
        </g>
        <g>
          <g>
            <rect x="437.2" y="459.6" class="st5" width="2" height="190.4" />
          </g>
          <rect x="465.6" y="460" class="st6" width="2" height="190" />
          <rect x="494" y="460" class="st6" width="2" height="190" />
          <rect x="522.4" y="459.2" class="st6" width="2" height="190.8" />
          <polygon
            class="st6"
            points="511.7,460.6 509.3,460.6 475.7,460.6 473.2,460.6 437.2,460.6 437.2,458.6 542,458.6 542,460.6
       "
          />
        </g>
      </g>
    </g>
  </svg>
</template>
<script>
export default {
  name: 'tSouthroad',
  data () {
    return {}
  },
  props: {
    Width: {
      type: String,
      default: '870px'
    },
    Height: {
      type: String,
      default: '650px'
    },
    showPed: {
      type: Boolean,
      default: false
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.st0 {
  fill: #3d3939;
}
.st1 {
  opacity: 0.9;
}
.st2 {
  fill: #f2f2f2;
}
.st3 {
  fill: #1eaa39;
}
.st4 {
  fill: #e5e5d8;
}
.st5 {
  fill: #ccb63a;
}
.st6 {
  fill: #dddddd;
}
.invisible {
  visibility: hidden;
}
</style>
